.qd_user_page {
  background: #f8f8f8;
  width: var(--app-width);
  height: 100vh;
  :global {
    // 用户信息，个人中心，列表
    .qd_user_area {
      position: relative;
      // height: 355px;
      background-color: white;
      padding-bottom: 27px;
      margin-bottom: 10px;
      .qd_user_back {
        width: var(--app-width);
        height: 170px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(/images/user/bj_1.png);
      }
      .qd_user_personal {
        position: absolute;
        left: 17px;
        top: 42px;
        height: 14px;
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        line-height: 10px;
      }
      .qd_user_signout {
        position: absolute;
        right: 17px;
        top: 42px;
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
      }
      .qd_user_img_area {
        position: absolute;
        left: 50%;
        top: 121px;
        transform: translateX(-50%);
        text-align: center;
        .qd_user_img {
          display: flex;
          justify-content: center;
          align-items: center;
          .adm-image {
            --width: 77px;
            --height: 77px;
          }
        }
        .qd_user_name {
          margin-top: 17px;
          height: 13px;
          font-size: 17px;
          font-weight: 400;
          color: #333333;
          line-height: 10px;
        }
      }
      .qd_user_list_area {
        margin-top: 84px;
        display: flex;
        justify-content: space-around;
        .qd_user_list {
          width: 58px;
          text-align: center;
          .qd_user_list_img {
            width: 58px;
            margin-left: 25%;
            // transform: translateX(-50%);
            .adm-image {
              --width: 30px;
              --height: 33px;
            }
          }
          .qd_user_list_num {
            margin-top: 10px;
            height: 11px;
            font-size: 14px;
            font-weight: 500;
            color: #333333;
            line-height: 10px;
          }
          .qd_user_list_text {
            margin-top: 10px;
            height: 11px;
            font-size: 11px;
            font-weight: 400;
            color: #999999;
            line-height: 10px;
          }
        }
      }
    }
    .qd-user-function-list {
      .adm-list-item-content-main {
        font-size: 15px !important;
      }
      .qd-user-icon {
        --width: 19px;
      }
    }
  }
}
